<?xml version="1.0" encoding="UTF-8"?>
<!--
  Created by IntelliJ IDEA.
  User: lukman
  Date: 6/24/11
  Time: 11:54 AM
-->
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<head>
    <title>Simple JSF Facelets page</title>
    <link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/css/themes/main1.css"/>
</head>

<body>
<ui:composition template="/resources/template/template.xhtml">
    <ui:define name="sidecontent">
        <ui:include src="leftpanel.xhtml"/>
    </ui:define>
    <ui:define name="maincontent">
        <p:fieldset legend="Preoperation Record">
            <h:form id="record">
                <p:growl id="formMessage"/>
                <h:panelGrid id="grid" columns="2">
                    <h:panelGroup>
                        <h:panelGrid id="grid1" columns="2">
                            <h:outputText value="#{msgs.patientName}"/>
                            <h:selectOneMenu value="#{null}">
                                <f:selectItems value="#{recordBean.alteredPatientList}"/>

                            </h:selectOneMenu>

                            <h:outputText value="#{msgs.operationdate}"/>
                            <p:calendar navigator="true" pattern="yyyy-MM-dd"
                                        value="#{recordBean.record.preOperationRecord.operationDate}" id="opdate"
                                        requiredMessage="Enter Operation Date" effect="slide" required="true"/>

                            <h:outputText value="#{msgs.bmi}"/>
                            <p:inputText value="#{recordBean.record.preOperationRecord.bmi}" id="bmi"
                                         requiredMessage="Enter Bmi" required="true"/>


                            <h:outputText value="#{msgs.ward}"/>
                            <p:inputText value="#{recordBean.record.ward}" id="ward"
                                         requiredMessage="Enter ward" required="true"/>

                            <h:outputText value="#{msgs.height}"/>
                            <p:inputText value="#{recordBean.record.preOperationRecord.height}" id="height"
                                         requiredMessage="Enter height" required="true"/>


                        </h:panelGrid>
                    </h:panelGroup>
                    <h:panelGroup>
                        <h:panelGrid columns="2">
                            <h:outputText value="#{msgs.weight}"/>
                            <p:inputText value="#{recordBean.record.preOperationRecord.weight}" id="weight"
                                         requiredMessage="Enter weight" required="true"/>

                            <h:outputText value="#{msgs.bp}"/>
                            <h:panelGroup>
                                <h:panelGrid columns="3">
                                    <p:inputText size="8" value="#{recordBean.record.systole}" id="systole"
                                                 requiredMessage="Enter systole" required="true"/>
                                    <h:outputLabel value="/"/>
                                    <p:inputText size="8" value="#{recordBean.record.diastole}" id="diastole"
                                                 requiredMessage="Enter diastole" required="true"/>
                                </h:panelGrid>

                            </h:panelGroup>

                            <h:outputText value="#{msgs.proposedOperation}"/>
                            <p:inputText value="#{recordBean.record.preOperationRecord.proposedOperation}"
                                         id="proposedOperation"
                                         requiredMessage="Enter name of proposed Operation" required="true"/>

                            <h:outputText value="#{msgs.pulse}"/>
                            <p:inputText value="#{recordBean.record.preOperationRecord.pulse}" id="pulse"
                                         requiredMessage="Enter pulse" required="true"/>

                            <h:outputText value="#{msgs.allergies}"/>
                            <p:inputTextarea cols="18" maxHeight="50"
                                             value="#{recordBean.record.preOperationRecord.allergies}"
                                             id="allergies"
                                             requiredMessage="Enter allergies" required="true"/>

                        </h:panelGrid>
                    </h:panelGroup>
                </h:panelGrid>
            </h:form>
        </p:fieldset>
        <p:fieldset toggleable="true" legend="Intraoperation Record">
            <h:form>
            <h:panelGrid id="grid" columns="2">
                <h:panelGroup>
                    <h:panelGrid id="grid1" columns="2">
                        <h:outputText value="#{msgs.intraoperationdate}"/>
                        <p:calendar navigator="true" pattern="yyyy-MM-dd"
                                    value="#{recordBean.record.intraOperationRecord.intraOpDate}" id="intraOpDate"
                                    requiredMessage="Enter Intra Operation Date" effect="slide" required="true"/>


                        <h:outputText value="#{msgs.anasthetist}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.anasthetist}" id="anasthetist"
                                     requiredMessage="Enter anasthetist Name" required="true"/>

                        <h:outputText value="#{msgs.surgeon}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.surgeon}" id="surgeon"
                                     requiredMessage="Enter surgeon Name" required="true"/>

                        <h:outputText value="#{msgs.operationPerformed}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.operationPerformed}"
                                     id="operationPerformed"
                                     requiredMessage="Enter operation Performed" required="true"/>

                        <h:outputText value="#{msgs.localRegionalTechnique}"/>
                        <p:inputTextarea cols="18" maxHeight="50"
                                         value="#{recordBean.record.intraOperationRecord.localRegionalTechnique}"
                                         id="localRegionalTechnique"
                                         requiredMessage="Enter local RegionalTechnique" required="true"/>

                        <h:outputText value="#{msgs.comment}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.comment}" id="comment"
                                     requiredMessage="Enter comment" required="true"/>

                        <h:outputText value="#{msgs.estimatedLosses}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.estimatedLosses}"
                                     id="estimatedLosses"
                                     requiredMessage="Enter estimatedLosses" required="true"/>

                        <h:outputText value="#{msgs.hr}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.hr}" id="hr"
                                     requiredMessage="Enter hr" required="true"/>

                        <h:outputText value="#{msgs.spo2}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.spo2}" id="spo2"
                                     requiredMessage="Enter anasthetist Name" required="true"/>

                        <h:outputText value="#{msgs.fi02}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.fi02}" id="fi02"
                                     requiredMessage="Enter fi02" required="true"/>

                        <h:outputText value="#{msgs.operationType}"/>
                        <p:inputText value="#{recordBean.record.intraOperationRecord.operationType}" id="operationType"
                                     requiredMessage="Enter operation Type" required="true"/>
                    </h:panelGrid>
                </h:panelGroup>
            </h:panelGrid>
            </h:form>
        </p:fieldset>

    </ui:define>
</ui:composition>
</body>

</html>